<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<script type="text/javascript" src="./script/rem.js"></script>
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<link rel="stylesheet" type="text/css" href="./css/font-awesome.css" />
	<link rel="stylesheet" type="text/css" href="./css/style.css" />
	<script type="text/javascript" src="./script/aui-slide.js"></script>
	<script type="text/javascript" src="./script/jquery.min.js"></script>
	<script type="text/javascript" src="./script/doT.min.js"></script>
	<script type="text/javascript" src="./script/base.js"></script>
	<script type="text/javascript" src="./script/api.js"></script></head>
	<script type="text/javascript" src="./script/aui-tab.js" ></script>
	<script type="text/javascript" src="./script/jquery-3.2.0.js"></script>
</head>

<body>
	
	<style>
		html,body{background:rgba(0,0,0,0); width:100%; height:100%;}
		.foot-body{width:100%; height:100%; background:#000;}
	</style>

<!-- 	<div class="foot-body" onclick="closeShare();">
		
		<div class="foot">
			<ul class="foot-share">
				<li><img src="image/foot-share-1.png"></li>
				<li onclick="share();"><img src="image/foot-share-2.png"></li>
				<li onclick="share();"><img src="image/foot-share-3.png"></li>
				<li onclick="share();"><img src="image/foot-share-4.png"></li>
			</ul>
		</div>

	</div> -->

	
	<!-- <div class="foot-t"></div> -->

<!-- 	<div class="foot-bg">
		<div class="foot-top"></div>
		<div class="foot">
			<ul>
				<li> -->
					<div class="foot-m">
						<!-- <img src="image/foot-m.png"> -->
						<ul class="foot-share">
							<li onclick="wxShare();"><img src="image/foot-share-1.png"></li>
							<li onclick="wxFriendCircleShare();"><img src="image/foot-share-2.png"></li>
						</ul>
					</div>
				<!-- </li>
			</ul>
			<div class="foot-m"></div>
		</div>
		<div class="foot-d" style="height:0"></div>
	</div> -->
	<div class="body-bg"></div>
</body>

<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
	apiready = function() {
		reloadListener(); 
		// 获取邀请码
		getInviteCode();

		// 弹出分享控件
		$("html").css("height", "100%");
		$("body").css("height", "100%");
		$(".body-bg").show();
		$(".foot-share>li").eq(0).animate({
			left:"-0.8rem",
			top:"-1.5rem"
		});
		$(".foot-share>li").eq(1).animate({
			right:"-0.8rem",
			top:"-1.5rem",
		});
		// $(".foot-share>li").eq(1).animate({
		// 	left:"-0.52rem",
		// 	top:"-1.8rem"
		// });
		// $(".foot-share>li").eq(2).animate({
		// 	right:"-0.52rem",
		// 	top:"-1.8rem"
		// });
	};

	// 点击空白处 关闭分享
	$(".body-bg").on("click", function(){
		$("html").css("height", "auto");
		$("body").css("height", "auto");
		// $(".body-bg").hide();
		
		api.closeFrame({
			name: api.frameName
		});

		$(".foot-share>li").eq(0).animate({
			left:"0rem",
			top:"0rem"
		});
		$(".foot-share>li").eq(1).animate({
			left:"0rem",
			top:"0rem"
		});
		$(".foot-share>li").eq(2).animate({
			right:"0rem",
			top:"0rem"
		});
		$(".foot-share>li").eq(3).animate({
			right:"0rem",
			top:"0rem"
		});
	})

	// 获取当前用户邀请码
	function getInviteCode(){
		inviteCode = '';
		var token = $api.getStorage('token');
		api.ajax({
			url: webAddress + '/api/auth/info',
			method: 'get',
			data: {
				values: {
				},
			},
			headers: {
				Authorization: 'Bearer ' + token,
				Accept: 'application/json',
			},
		},function(ret, err){
			if (ret) {
        		// alert( JSON.stringify( ret ) );
        		inviteCode = ret.data.invite_code;

        	} else {
        		// alert( JSON.stringify( err ) );
        		return false;
        	}
        });
	}

	// 微信会话分享
	function wxShare(){

            // 判断是否登录
            var token = $api.getStorage('token');
            if (!token) {
            	api.openWin({
            		name: 'login',
            		url: './login.html',
            	});
            	return false;
            }else{

            	var url = 'http://yipinyizhuan.com/api/wap/register?code='+ inviteCode;
            	var wx = api.require('wx');
            	wx.shareWebpage({
            		apiKey: 'wx7cf56a1ffd5ea7a1',
            		scene: 'session',
            		title: '一品亿赚',
            		description: '新派互联网创业平台',
            		thumb: 'widget://wgt/fenxiang.jpg',
            		contentUrl: url
            	}, function(ret, err){
						// alert(JSON.stringify(ret));
						if (ret.status){
							api.toast({
								msg: '分享成功',
								duration: 2000,
								location: 'bottom',
								global: true,
							});

							api.closeFrame({
								name: api.frameName
							});
						}else{
                			// alert(err.code);
                		}
                	});
            }
        }

	// 微信朋友圈分享
	function wxFriendCircleShare(){

		    // 判断是否登录
		    var token = $api.getStorage('token');
		    if (!token) {
		    	api.openWin({
		    		name: 'login',
		    		url: './login.html',
		    	});
		    	return false;
		    }else{

		    	var url = 'http://yipinyizhuan.com/api/wap/register?code='+ inviteCode;
		    	var wx = api.require('wx');
		    	wx.shareWebpage({
		    		apiKey: 'wx7cf56a1ffd5ea7a1',
		    		scene: 'timeline',
		    		title: '一品亿赚',
		    		description: '新派互联网创业平台',
		    		thumb: 'widget://wgt/fenxiang.jpg',
		    		contentUrl: url
		    	}, function(ret, err){
		    		// alert(JSON.stringify(ret));
		    		if (ret.status){
		    			api.toast({
		    				msg: '分享成功',
		    				duration: 2000,
		    				location: 'bottom',
		    				global: true,
		    			});
		    			api.closeFrame({
		    				name: api.frameName
		    			});
		    		}else{
                		// alert(err.code);
                	}
                });
		    }
		}

	// qq会话分享
	function qqShare(){

		    // // 判断是否登录
		    // var token = $api.getStorage('token');
		    // if (!token) {
		    // 	api.openWin({
		    // 		name: 'login',
		    // 		url: './login.html',
		    // 	});
		    // 	return false;
		    // }else{


		    // 	var url = 'http://yipinyizhuan.com/api/wap/register?code='+ inviteCode;
		    // 	var qq = api.require('qq');
		    // 	qq.shareNews({
		    // 		type:'QFriend',
		    // 		url: url,
		    // 		title: '一品亿赚',
		    // 		description: '新派互联网创业平台',
		    // 		imgUrl: 'widget://wgt/fenxiang.jpg'
		    // 	},function(ret, err){
		    // 		alert(JSON.stringify(ret));
		    // 		if (ret.status){
		    // 			api.toast({
		    // 				msg: '分享成功',
		    // 				duration: 2000,
		    // 				location: 'bottom',
		    // 				global: true,
		    // 			});
		    // 			api.closeFrame({
		    // 				name: api.frameName
		    // 			});
		    // 		}else{
      //           		// alert(err.code);
      //           	}
      //           });
		    // }
		}

	// qq空间分享
	function qqQzoneShare(){

		    // // 判断是否登录
		    // var token = $api.getStorage('token');
		    // if (!token) {
		    // 	api.openWin({
		    // 		name: 'login',
		    // 		url: './login.html',
		    // 	});
		    // 	return false;
		    // }else{


		    // 	var url = 'http://yipinyizhuan.com/api/wap/register?code='+ inviteCode;
		    // 	var qq = api.require('qq');
		    // 	qq.shareNews({
		    // 		type:'QZone',
		    // 		url: url,
		    // 		title: '一品亿赚',
		    // 		description: '新派互联网创业平台',
		    // 		imgUrl: 'widget://wgt/fenxiang.jpg'
		    // 	}, function(ret, err){
		    // 		alert(JSON.stringify(ret));
		    // 		if (ret.status){
		    // 			api.toast({
		    // 				msg: '分享成功',
		    // 				duration: 2000,
		    // 				location: 'bottom',
		    // 				global: true,
		    // 			});
		    // 			api.closeFrame({
		    // 				name: api.frameName
		    // 			});
		    // 		}else{
      //           		// alert(err.code);
      //           	}
      //           });
		    // }
		}

	// 监听事件 (页面刷新)
	function reloadListener(){
		api.addEventListener({
			name: 'reload',
		}, function(ret, err){
			getInviteCode();
		});
	}

</script>
</html>
